<template>
  <div class="user">
    <we-header></we-header>
    <van-cell-group>
      <van-cell is-link title-class="title">
        <template #title>
          <span class="custom-title">我的评价</span>
        </template>
        <template #icon>
          <i class="iconfont icon-a-mima61"></i>
        </template>
      </van-cell>
      <van-cell is-link title-class="title">
        <template #title>
          <span class="custom-title">我的办件</span>
        </template>
        <template #icon>
          <i class="iconfont icon-shenqin"></i>
        </template>
      </van-cell>
      <van-cell is-link title-class="title">
        <template #title>
          <span class="custom-title">我的申请</span>
        </template>
        <template #icon>
          <van-icon name="iconfont" class="iconfont icon-wode1-xianxing" />
        </template>
      </van-cell>
      <van-cell is-link title-class="title">
        <template #title>
          <span class="custom-title">设置</span>
        </template>
        <template #icon>
          <i class="iconfont icon-shezhi"></i>
        </template>
      </van-cell>
    </van-cell-group>
  </div>
</template>

<script lang="ts">
import WeHeader from "./layout/Header.vue";
import { Cell as VanCell, CellGroup as VanCellGroup} from "vant";
import { defineComponent } from "vue";
import { useRouter } from "vue-router";
// import {  } from "vant";
export default defineComponent({
  name: "User",
  components: {
    WeHeader,
    VanCell,
    VanCellGroup
  },
  setup() {
    const router = useRouter();
    const openWin = (name: any) => {
      router.push({
        name: name,
      });
    };
    return {
      openWin,
    };
  },
});
</script>

<style scoped lang="scss">
@import "~@/assets/scss/pub.scss";
.card {
  margin: pxToVw(30) auto 0 auto;
  width: pxToVw(703);
  height: pxToVw(230);
  background: url("~@/assets/img/bz-personal.png") no-repeat;
  background-size: cover;
  padding-top: pxToVw(50);
  padding-left: pxToVw(30);
  .card-hd {
    font-size: pxToVw(32);
    line-height: pxToVw(42);
    .name {
      color: #333333;
    }
    .type {
      color: #ff5a00;
    }
  }
  .btn-warning {
    background-color: #ff5a00;
  }
  .card-bd{
    padding-top: pxToVw(30);
  }
}

.card-bus{
  background: url("~@/assets/img/bz-enterprise.png") no-repeat;
  background-size: cover;
  .card-hd{
    .type{
      color: #2cbe9c;
    }
  }
}

.iconfont{
  color: #2CBE9C;
  font-size: pxToVw(34) !important;
  margin-right:pxToVw(20);
}
.custom-title{
  color: #6C6C6C;
  font-size: pxToVw(28);
}
</style>
